<template>
<!-- 门票 -->
<div class="mpw-calendar-tabout">
<div class="mp-border-bottom">
<span class="mpw-calendar-tabitem">门票</span>
<span class="mpw-calendar-tabitem">景区服务</span>
<span class="mpw-calendar-tabitem">一日游</span>
<span class="mpw-calendar-tabitem">热销门票</span>
</div>
<span class="mp-tab-slider"></span>
</div>
</template>

<script>
export default {
  name: 'AdmissionTicket'
}
</script>

<style lang="stylus" scoped="scoped">
.mpw-calendar-tabout
 position relative
 background-color #f9f7f7
 color #212121
 height 0.96rem
 line-height 0.96rem
 white-space nowrap
 overflow-x auto
 .mp-border-bottom
  width 8.2rem
  position relative
  z-index 10
  .mpw-calendar-tabitem
   display inline-block
   height 0.92rem
   line-height 0.96rem
   width 2rem
   text-align center
   font-size 0.32rem
 .mp-tab-slider
  position absolute
  bottom 0
  left 0.5rem
  display inline-block
  height 0.04rem
  width 1.4rem
  background-color #00bcd4
</style>
